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Resumo Aula Anterior 



• As capacidades das pessoas para 
processar informacao sao limitadas 

- Fortes implicates no desenho das IUs 

• Modelo Humano de Processamento 

- Subsistemas da Percepcao, Motor e Cognitivo 

• Informacao e guardada na memoria 

- Sensorial, de Curto prazo e de Longo prazo 

- Armazenamento, Esquecimento, Recuperacao 

• Reconhecimento melhor que Lembranga 
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Sumario 



• Modelo Conceptual 

- Metaforas 
-Conceitos 

• Objectos 

• Atributos 

• Accoes 

- Relagoes entre conceitos 
-Mapeamento 

• Metricas de Usabilidade 
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J • Ja se rez 

- Analise de Tarefas 

"■ - Respostas as 11 perg. 

- Perfis de utilizadores 

- Cenarios do Problema 

- Requisitos funcionais 

• E agora? 
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O Passo Seguinte? 




O Passo Errado! 



• Desenhar 
- Ecras 

-Caixas de dialogo 
-Ou Paginas Web 

• Falta um passo antes deste! 
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O Passo Certo! 



• Antes de desenhar 

como o sistema se apresenta 

aos utilizadores 

• E melhor desenhar 

o que o sistema e 
para os utilizadores 
-Desenhando o Modelo Conceptual 
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Modelo Conceptual 



• Definigao: Descrigao de alto-nfvel de 
como um sistema esta organizado e 
funciona. 

• Modelo que os designers esperam 
que seja interiorizado pelos 
utilizadores 



• Criado pelos designers 
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Objectivo do Modelo Conceptual 



• Facilitar o desenvolvimento de um 
Modelo Mental do sistema 

• pelos utilizadores 

• atraves da interface utilizador 



III.l - Modelos Mentais e Conceptuais I 



Exemplos Modelos Conceptuais 



• Assumam que estamos a desenhar: 
-Um site. E o site 

• a) Uma coleccao de paginas ligadas, ou 

• b) Uma hierarquia de paginas com ligacoes 
cruzadas? 

- Plataforma p/ criar questionarios. E um 
questionario 

• a) Uma lista linear de perguntas, ou 

• b) Uma arvore de perguntas? 
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Estas decisoes sao importantes! 



• Em fungao da escolha 

-Utilizadores pensam nas coisas 

diferentemente 
-Os objectos serao diferentes 
-As operates disponiveis serao 

diferentes 
-A interaccao do utilizador sera diferente 
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Escolhas 



• Evitar escolhas e seguir dois caminhos 
e MAU 

-Utilizadores ficam 

• com uma visao confusa do sistema 

• e confusos sobre como realizar as tarefas 

• Escolher implica assumir compromissos 
- Dependem das tarefas 
-Simplicidade vs potencialidades 
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Solugao 



• Criar o esqueleto e depois enche-lo! 

- 1° Desenhar um modelo conceptual focado no 
dominio da tarefa 

- E so depois Desenhar uma IU a partir deste 

• O resultado sera um produto 

- Mais simples, Mais coerente e Mais facil de 
aprender 

• Sem modelo conceptual teremos um produto 

- que parece Arbitrario, Incoerente e Complexo 
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Modelo Conceptual Deve Conter 



• Principals metaforas e analogias 

usadas no desenho 

• Conceitos que o sistema expoe ao 
utilizador, incluindo 

- Objectos do dominio da tarefa 

- Atributos dos objectos 

- Operacoes sobre os objectos 

• Relates entre conceitos 

• Mapeamento entre conceitos e as 
entidades fisicas (da metafora) 
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Modelo Conceptual 



• Simples 

-Deve ser tao simples quanto possivel, 
mas fornecendo a funcionalidade 
requerida 

• "Menos e mais!" 

• Focar na Tarefa 

-Mapeamento directo entre operacoes do 
sistema e operacoes da tarefa 

• Mais facilmente percebido pelos utilizadores 



III, 1 - Modelos Mentais e Conceptuais I 



Focar na Tarefa (Exemplo) 



• Programa para criar e gerir organigramas. 
E um organigrama 

- a) Uma coleccao de caixas, caixas de texto, 
linhas conectoras e atributos, ou 

- b) Uma coleccao de organizacoes, 
suborganizacoes, empregados e atributos? 

• O modelo b) faz um mapeamento mais 
directo no dominio das tarefas 

- Mais facil de perceber 

• O modelo a) foca mais no aspecto grafico 
de um organigrama, que nas fungoes 
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Modelo Conceptual NAO e 



• Nao e a Interface Utilizador 

• Nao e sobre aspecto e funcionamento 
(Look & Feel) 

- Nao menciona teclas a carregar, accoes do 
rato, graficos e organizacao do ecra, 
comandos, caixas de dialogo, mensagens de 
erro, etc. 

• Nao especifica tipo de interaccao 

- GUI num PC ou comandos de fala pelo 
telefone. 

• Nao e o modelo mental do utilizador 

• Nao e a arquitectura do sistema 



111,1 - Modelos Mentais e Conceptuais I 



Modelo Conceptual E 



• Descreve apenas 

- o que as pessoas podem fazer com o 
sistema 

- e que COnceitOS precisam de perceber 
para usar o sistema 

• Refere-se apenas 

- a objectos, atributos e accoes do dominio da 
tarefa 

• Ferramenta de desenho dos designers 

- Permite arrumar ideias antes de desenhar IU 
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Metaforas 




"Haw many times have I warned you? 
Never stick your tongue on a frozen computer screen!' 
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Metaforas de Interface 



• Definicao: Utilizacao de COnceitOS 

fa ID ilia res numa IU para representar 
conceitos mais abstractos do sistema 

• Fazem com que um novo sistema pareca e 
comporte-se como um ja COnhecidO 

• Exploram conhecimento familiar, 

ajudando a compreender o "nao familiar" 
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Exemplos de Meta f o r a s 




Se para do res 
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Vantagens das Metaforas 



• Oferecem dispositivos de orientacao familiares 

• Tornam a aprendizagem de novos 

sistemas mais facil 

• Ajudam utilizadores a aprender o modelo 
conceptual subjacente 

• Simplificam descricao do sistema para novicos 
e estranhos 

• Podem ser inovadoras e tornar a realidade dos 
computadores mais acessivel aos mais 
diversos utilizadores 
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Desvantagens das metaforas 



• Podem violar regras culturais e 
convengoes 

-Caixote do lixo no tampo da secretaria ? 

• DemaSiadO reStritivaS (abrir ficheiros nofundo) 

• Conflito com princfpios de desenho (lixo/ 

disquete) 

• Limitam a compreensao do sistema para 
alem dos conceitos basicos 
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Desvantagens das metaforas 



• Interpretagao demasiado literal de 

desenhOS ma US (calculadora ja era ma) 



• Limitam a criatividade dos 
designers ao dificultarem 
desenvolver novos modelos 
conceptuais 



LJLO~OZI 

SODCDCDaCD 
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Uma (ma) Metafora 




• Caixote do lixo em cima 
da secretaria ? 

• Ejecgao de floppies viola 
a metafora do tampo de 
secretaria 

• Atirar para o caixote do 
lixo deveria apagar 
conteudo, nao ejectar! 
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Uma metafora menos conseguida 



• Cores ? 

• Uma so linha de 
resultados? 

• Aproveita mal 

espago no ecra 

• Podia ter multiplas 
linhas de resultado. 
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Uma ma metafora 




• Usar a metafora do 
gravador de video 
para controlar 
impressora ??? 

• Qual a funcao do 
botao Rewind ? 
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Metaforas Bizarras 



Java 

-Originalmente chamava-se Oak 
-Ja estava tornado! 

-Marketing lembrou-se do cafe (Java, Java 
Beans, chavena de cafe, etc.) 

Bluetooth 

- Harald Bluetooth (rei Viking que uniu a Escandinavia 
sec. X) 

-Tecnologia wireless que une tecnologias, 
Comunicagoes e Dispositivos Electronicos 
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Objectos e Acgoes 



• Enumerar todos os conceitos do modelo 
expostos ao utilizador 

-Todos os Objectos do sistema 

- Todos os Atributos dos objectos 

- e Todas as Accoes sobre os objectos 

• Se nao estiver no modelo conceptual 

- o sistema nao pode exigir que o utilizador esteja 
a par dele 

• NOVOS COnceitOS (nao existem no dominio da tarefa) 

- Apenas se trouxerem grandes beneficios 

- Custo minimizado atraves de bom desenho da IU 
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Relagoes Entre Conceitos 



• Enumeracao de objectos e acgoes 

- Permite identificar acgoes partilhadas por varios 
objectos 

- Designers podem usar a mesma IU para accoes de 
diferentes objectos 

• Ex. Aplicacao de desenho - Rectangulos e Elipses 

- Criacao igual, Restrigoes iguais (quadrados/circulos) 

• Modelo com menos conceitos 

- Mais simples, Mais coerente 

- Organizar objectos (que partiiham acgoes) em Hierarquia 

• Compreensao mais facil - percebem especializacao 
• Ex. Conta a prazo e um tipo de Conta 
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Relacoes Entre Conceitos 



• Conceitos tern importancias diferentes 

- Alguns conceitos sao encontrados pelo utilizador 
com mais frequencia que outros 

• Ex. Fechar uma conta e uma operacao pouco frequente 

• Relativamente a uma transferencia 

• A importancia relativa pode ser usada para 
focar o desenho da IU 

- E mais importante tornar as operacoes 
frequentes faceis 

- Mesmo sacrificando as menos frequentes 
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Mapeamento Entre Conceitos 



• Correspondencia entre conceitos do 
-Modelo Conceptual e 
-Conceitos da Metafora 
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Exemplo - Maquina de Vender Bebidas 



• Metafora: Cabine Telefonica 

- Comprar uma bebida e como fazer uma chamada 
telefonica 

• Conceitos (Objectos/Atributos/Accoes): 

- Bebida, Preco, Troco, Codigo, Escolher, Pagar, etc. 

• Relagoes: 

- Uma bebida tern um preco 

- Uma bebida tern um codigo 

• Mapeamentos 

- Escolher bebida <-> Marcar N° Tel. 

- Receber bebida <-> Estabelecer chamada 

- Retirar bebida <-> Terminar chamada 
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Exemplo Modelo Conceptual (cont.) 



Metricas de Usabilidade 

• Tarefa: Comprar uma garrafa de agua de 0,51 

- Desempenho: 1 minuto; erros 

- Satisfagao: E facil pagar e escolher a bebida 
desejada 

Metricas de Usabilidade afectadas pela 
Complexidade das tarefas 
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Resumo 



• Modelo Conceptual 
-Metaforas e Analogias 
-Conceitos 

• Objectos, Atributos e Accoes 
- Relacoes entre conceitos 
-Mapeamento entre conceitos 
-Metricas de Usabilidade 

• Desempenho e Satisfagao 
-Exemplo de um Modelo Conceptual 
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Proxima Aula 



• Modelo Conceptual (Cont.) 
-Cenarios de Actividades 

-Do Modelo Conceptual ao Projecto 

Completo (Beneficios) 
-Conclusoes do Modelo Conceptual 

• Modelo Mental 

• Tipos de Modelos Conceptuais 

• Exemplos 
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